﻿{% extends 'WebQuant/base.html' %}
{% block content %}
<div id="particles-js">
    <div class="h5cont">
        <img src="/static/WebQuant/images/robot.png" class="i1">
        <img src="/static/WebQuant/images/i_text.png" class="i2">
    </div>
</div>
<div class="index_area">
    <div class="area1" id="c_gray">
        <div class="i_center">
            <img src="/static/WebQuant/images/index_area1.png" alt="">
            <div class="detail">
                <h2>金融大数据</h2>
                <p><span>海量存储</span><span>深度挖掘</span><span>精准权威</span></p>
                <div class="desc">
                    免费提供虚拟货币，股票，基金、债券、期货、黄金、宏观、资讯、指标等金融数据，通过专业的数据深度加
工处理，保证数据的精准可靠；为策略运行提供可靠的数据支持。
                </div>
            </div>
        </div>
    </div>
    <div class="area2">
        <div class="i_center">

            <div class="detail">
                <h2>策略平台</h2>
                <p><span>主流语言</span><span>秒级回测</span><span>全面评估</span></p>
                <div class="desc">
                    零门槛提供python策略编写平台，基于真实的秒级、分级、日级历史行情数据对策略进行回测，
一键输出全面的评估结果。
                </div>
            </div>
            <img src="/static/WebQuant/images/index_area2.png" alt="">
        </div>
    </div>
    <div class="area3" id="c_gray">
        <div class="i_center">
            <img src="/static/WebQuant/images/index_area3.png" alt="">
            <div class="detail">
                <h2>模拟仿真交易</h2>
                <p><span>支持全品种</span><span>高频仿真</span><span>一键模拟</span></p>
                <div class="desc">
                    接入高频实时行情，一键下单，秒级成交。全面支持虚拟货币，股票，基金、期货、黄金等多账户多品种的模拟交易，
为多类型的策略提供验证支持。
                </div>
            </div>
        </div>
    </div>
    <div class="area4">
        <div class="i_center">

            <div class="detail">
                <h2>实盘交易</h2>
                <p><span>极速通道</span><span>超级行情</span><span>快捷下单</span></p>
                <div class="desc">
                    对接多家主流券商实盘交易，融合全市场交易品种，包括股票、基金、债券、期货、黄金等；
高频行情，极速下单。
                </div>
            </div>
            <img src="/static/WebQuant/images/index_area4.png" alt="">
        </div>
    </div>
</div>

<script src="/static/WebQuant/js/particles.min.js"></script>
<script src="/static/WebQuant/js/app.js"></script>
<script>
	$(".area1").hover(function(){
		$(".area1 .desc").animate({left: '0',opacity:1}, 1000);

	},function(){
	});
	$(".area2").hover(function(){
		$(".area2 .desc").animate({left: '0',opacity:1}, 1000);

	},function(){

	});
	$(".area3").hover(function(){
		$(".area3 .desc").animate({left: '0',opacity:1}, 1000);

	},function(){

	});
	$(".area4").hover(function(){
		$(".area4 .desc").animate({left: '0',opacity:1}, 1000);

	},function(){

	});

	var browser=navigator.appName
	var b_version=navigator.appVersion
	var version=b_version.split(";");
	var trim_Version=version[1].replace(/[ ]/g,"");
	if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE8.0")
	{
	  $("#particles-js").css("background-image","url(/static/WebQuant/images/dl.png)")
	}
</script>
<script>
    var isLogging = {{log}} ;
	if (isLogging == 0)
	{
		$(".l_case2").css("display","none");
		$(".l_case1").css("display","block");

	}
	else{
		$(".l_case1").css("display","none");
		$(".l_case2").css("display","block");
	}
</script>
{% endblock %}
